<template>
	<view style="background: #141414;">
		<view class="serve_box">
			<!-- <view class="serve_title">基础服务</view> -->
			<view class="serve_list">
				<view class="list">
					<view class="item" v-for="(item,index) in serve_list" :key="index" @tap="to_serve(item)">
						<!-- <image :src="item.src"></image> -->
						<view class="iconfont iconColor iconFontSize">{{item.iconfontImg}}</view>
						<view class="text">{{item.name}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import context from '@/lib/java110/Java110Context.js';
	const factory = context.factory; //获取app实例
	const constant = context.constant;
	export default {
		name: "myMenu",
		data() {
			return {
				serve_list: [{
						name: '业主信息',
						src: this.imgUrl + '/h5/images/serve/my1.png',
						href: '/pagesC/viewBindOwner/viewBindOwner',
						iconfontImg: '\ue779'

					},
					// {
					// 	name: '我的物业',
					// 	src: this.imgUrl + '/h5/images/serve/my2.png',
					// 	href: '/pages/myProperty/myProperty',
					// 	iconfontImg: '\ue614'
					// },
					{
						name: '我的房屋',
						src: this.imgUrl + '/h5/images/serve/my3.png',
						href: '/pagesB/my/myHouse',
						iconfontImg: '\ue600'
					},
					{
						name: '我的报修',
						src: this.imgUrl + '/h5/images/serve/my4.png',
						href: '/pagesB/myRepair/myRepair',
						iconfontImg: '\ue61e'
					},
					{
						name: '缴费记录',
						src: this.imgUrl + '/h5/images/serve/my5.png',
						href: '/pagesB/payFeeDetail/payFeeDetail',
						iconfontImg: '\ufaa9'
					},
					// {
					// 	name: '我的车位',
					// 	src: this.imgUrl+'/h5/images/serve/my6.png',
					// 	href: '/pages/parkingInfo/parkingInfo'
					// },
					{
						name: '我的车位',
						src: this.imgUrl + '/h5/images/serve/my6.png',
						href: '/pagesA/parkingInfo/myParking',
						iconfontImg: '\ue658'
					},
					{
						name: '我的投诉',
						src: this.imgUrl + '/h5/images/serve/11.png',
						href: '/pages/complaintList/complaintList',
						iconfontImg: '\ue6a6'
					},
					// {
					// 	name: '客服中心',
					// 	src: this.imgUrl + '/h5/images/serve/11.png',
					// 	// href: '/pages/complaintList/complaintList',
					// 	iconfontImg: '\ue779'
					// }
				]
			};
		},
		created() {

		},
		methods: {
			// 我的服务跳转
			to_serve(v) {
				// this.vc.navigateTo({
				// 	url: v.href,
				// })
				uni.navigateTo({
					url: v.href,
				})
			},
			ckeckUserInfo: function() {
				return context.checkLoginStatus();
			}
		}
	}
</script>

<style lang="less" scoped>
	.order_box {
		margin-top: 20upx;

		.order_title {
			line-height: 42upx;
			font-size: 30upx;
			font-weight: 600;
			color: #333;
			padding: 20upx;
		}

		.item {
			width: 25%;
			display: inline-block;
			text-align: center;
			margin-bottom: 20upx;
		}

		image {
			height: 44upx;
			width: 44upx;
		}

		.text {
			color: #333;
			font-size: 28upx;
		}
	}

	.serve_box {
		    /* margin: 20rpx 20rpx; */
		    /* border-radius: 20rpx 20rpx 20rpx 20rpx; */
		    margin-top: 0.5px;
		    position: relative;
		    top: -54rpx;

		.serve_title {
			line-height: 42upx;
			font-size: 30upx;
			font-weight: 600;
			color: white;
			padding: 20upx;
		}

		.serve_list {
			padding: 0rpx 20rpx 0;
			// border-radius: 20rpx 20rpx 20rpx 20rpx;
			background-color: #292c35;
		}

		.item {
			width: 25%;
			background-color: #292c35;
			display: inline-block;
			text-align: center;
			margin-bottom: 40upx;
		}

		image {
			height: 44upx;
			width: 44upx;
		}

		.text {
			color: white;
			font-size: 28upx;
		}
	}
</style>
